<!DOCTYPE html>
<html ng-app="app" lang="en">
    <head>
        <meta charset="UTF-8">
        <title ng-bind="title"></title>
        <link rel="stylesheet" href="../../style/css/bootstrap.css">
        <link rel="stylesheet" href="../../style/css/matrix-style.css">
        <link rel="stylesheet" href="loader.css">
        <script src="../../../node_modules/angular/angular.js"></script>
        <script src="../../a.ui.js"></script>
        <script src="loader.js"></script>
        <script>
            // bootstrap app
            var app = angular.module('app', ['a.ui']);
            app.run(function ($rootScope) {
                $rootScope.title = 'Loader';
            });
        </script>
    </head>
    <body>
        <div class="container">
            <h1 class="text-center" ng-bind="title"></h1>
            <div style="position: relative; height: 200px;">
                <pre>
                    asdasdadas
                </pre>
                <!-- 提示: as-loader必须放到 position: relative; 的元素内 -->
                <!-- msg: 提示消息-->
                <!-- size: 旋转大小 [mini|small|medium(默认)|large] -->
                <a-loader msg="加载中..." size="medium" show="true"></a-loader>
            </div>
        </div>
    </body>
</html>